:root {
    --vt-c-white: #ffffff;
    --vt-c-white-soft: #f8f8f8;
    --vt-c-white-mute: #f2f2f2;
    --vt-c-black: #181818;
    --vt-c-black-soft: #222222;
    --vt-c-black-mute: #282828;
    --vt-c-indigo: #2c3e50;
    --vt-c-divider-light-1: rgba(60, 60, 60, .29);
    --vt-c-divider-light-2: rgba(60, 60, 60, .12);
    --vt-c-divider-dark-1: rgba(84, 84, 84, .65);
    --vt-c-divider-dark-2: rgba(84, 84, 84, .48);
    --vt-c-text-light-1: var(--vt-c-indigo);
    --vt-c-text-light-2: rgba(60, 60, 60, .66);
    --vt-c-text-dark-1: var(--vt-c-white);
    --vt-c-text-dark-2: rgba(235, 235, 235, .64)
}

:root {
    --color-background: var(--vt-c-white);
    --color-background-soft: var(--vt-c-white-soft);
    --color-background-mute: var(--vt-c-white-mute);
    --color-border: var(--vt-c-divider-light-2);
    --color-border-hover: var(--vt-c-divider-light-1);
    --color-heading: var(--vt-c-text-light-1);
    --color-text: var(--vt-c-text-light-1);
    --section-gap: 160px
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-background: var(--vt-c-black);
        --color-background-soft: var(--vt-c-black-soft);
        --color-background-mute: var(--vt-c-black-mute);
        --color-border: var(--vt-c-divider-dark-2);
        --color-border-hover: var(--vt-c-divider-dark-1);
        --color-heading: var(--vt-c-text-dark-1);
        --color-text: var(--vt-c-text-dark-2)
    }
}

*,*:before,*:after {
    box-sizing: border-box;
    margin: 0;
    font-weight: 400
}

li{ list-style:none;}
a{ text-decoration:none;}

.ellipsis {
  white-space: nowrap; /* 保证文本在一行内显示 */
  overflow: hidden; /* 超出容器部分的文本将被隐藏 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}

.hidden{display:none;}


body {
    min-height: 100vh;
    color: var(--color-text);
    background: var(--color-background);
    transition: color .5s,background-color .5s;
    line-height: 1.6;
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: 15px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 724px;
    list-style-type: none
}

.menuItem a{
    color: #fff;
    cursor: pointer;
    font-size: 14px
}

.menuItem a#active{
    font-weight: 500;
    color: #0069ea
}

.gzy-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 35px;
    background-color: #060918;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    position: sticky;
    top: 0;
    z-index: 10
}

.gzy-header .logo{
    padding-top:6px;
}
.gzy-header .logo img{
    cursor: pointer;
    width: 8.6vw;
}


.header-info {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 15px
}

.login {
    cursor: pointer;
    margin-right: 32px
}

.button {
    width: 96px;
    height: 40px;
    border-radius: 4px;
    background-color: #0069ea;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.phone-box .phone {
    font-family: DIN;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #fff
}

.phone-text {
    font-size: 14px;
    color: #777f8b
}

.phone {
    /*font-size: 20px;
    color: #181818*/
}

.phone-img {
    width: 14px;
    margin-right: 8px
}

.phone-box {
    display: flex;
    align-items: center
}

.project {
    cursor: pointer
}

.divider {
    border: 1px solid #FFFFFF;
    opacity: .2;
    height: 16px
}

.aside {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 20px;
    bottom: 20px
}

.aside-item {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    box-shadow: 0 0 10px #010c204d;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .5s;
    background-color: #fff;
    position: relative
}

.aside-item:hover {
    box-shadow: 0 0 10px #010c209a
}

.aside-item:hover>.hover-box,.hover:hover:before {
    display: flex
}

.aside-item:not(:last-child) {
    margin-bottom: 18px
}

.back-top {
    background-color: #0069ea
}

.hover:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    right: calc(100% + 10.48px);
    transform: rotate(45deg);
    background-color: #fff;
    z-index: 1;
    box-shadow: 5px 5px 10px #010c204d;
    display: none
}

.hover-box {
    box-shadow: 0 0 10px #010c204d;
    position: absolute;
    right: calc(100% + 14.48px);
    display: none;
    border-radius: 4px;
    background-color: #fff;
    flex-direction: column
}

.phone-info {
    width: 175.52px;
    height: 70px;
    padding: 14px 18px;
    line-height: 1.2
}

.wx-info {
    width: 105.52px;
    height: 130px;
    top: 0;
    align-items: center;
    padding: 8px
}



.modal-shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000000a6;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center
}

.video-box {
    position: relative
}

.video-close {
    position: absolute;
    left: calc(100% + 10px);
    bottom: calc(100% + 10px);
    cursor: pointer
}

#tc-bj {  display: none;  position: fixed;  top: 0;  left:0 ;  width: 100%;  height:100%;  background-color: black;  z-index: 999998;  -moz-opacity: 0.8;  opacity: 0.50;  filter: alpha(opacity=80); z-index:10000}
#code {  width:1000px; max-height:550px;  overflow:hidden; background-color: #fff;    position: fixed;  display: none;  top: 10%; left: 45%;  z-index: 999999;}
.close1 { position: absolute; right: 5px; top: 5px; width: 30px; z-index: 10;  height: 30px; line-height: 30px; color: #bb171f;    font-size: 20px;}
.close1 a{display: block; width: 30px;  height: 30px;background: #bb171f; color: #fff; border-radius: 30px; text-align: center;}
#code span{display: block; padding: 20px 0;text-align: center;}


.foot-box{width: 100%; background:#010C20; padding:40px 0;overflow: hidden; }
.foot-logo{width:200px; text-align:right}
.foot-logo img{width: 100px;}
.foot-box .foot-menu{width: 75vw; display: flex;align-items:center; margin:0 auto; overflow: hidden;}
.foot-box .foot-menu ul{ width:70% ; padding-left:0px; border-bottom:1px solid #121D2F; 
    display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}
.foot-box .foot-menu ul li{  line-height: 60px; font-size: 16px;}
.foot-box .foot-menu ul li a{ color: #fff;}
.foot-box .foot-menu ul li a:hover{color: #365ed0;}
.foot-box .foot-contact{ width:75vw;margin: auto; padding:30px 0;overflow: hidden; }
.foot-box .foot-contact .foot-contact-txt{width: 60%; float: left;}
.foot-box .foot-contact .foot-contact-txt ul{width: 100%;padding-left:0px;}
.foot-box .foot-contact .foot-contact-txt ul li{width: 50%; float: left;}
.foot-box .foot-contact .foot-contact-txt ul h4{font-size:12px; padding: 0px; color: #757B86;line-height:18px;}
.foot-box .foot-contact .foot-contact-txt ul h4 a{color:#757B86;}
.foot-box .foot-contact .foot-contact-txt ul h4 img{width:18px;margin-right:5px;margin-bottom:-2px;}
.foot-box .foot-contact .foot-contact-txt ul li p{width: 100%;color: #fff; font-size: 16px;line-height: 26px; font-weight:bold}
.foot-box .foot-contact .foot-contact-img{width: 25%; float: right;}
.foot-box .foot-contact .foot-contact-img ul{width: 100%;}
.foot-box .foot-contact .foot-contact-img ul li{width: 48%; margin: 0 1%; float: left;}
.foot-box .foot-contact .foot-contact-img ul li img{max-width: 80%}
.foot-box .foot-contact .foot-contact-img ul li p{color:#fff;font-size:12px;padding-top:5px;}